<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Biscaya Template MultiPurpose</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">

<link id="main-color" href="css/skin-orange.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/ico/favicon.png">
</head>
<body class="boxed">
<div class="body">
	<!-- Navigation -->
	<header>
	<div class="container clearfix">
		<div class="row">
			<div class="col-md-12">
				<h1 class="brandlogo"><a href="index.html"><img src="img/logo.png" alt=""></a></h1>
				<div class="topinfo">
					<ul class="social-icons list-soc">
						<li><a href="#"><i class="icon-facebook"></i></a></li>
						<li><a href="#"><i class="icon-twitter"></i></a></li>
						<li><a href="#"><i class="icon-linkedin"></i></a></li>
						<li><a href="#"><i class="icon-google-plus"></i></a></li>
						<li><a href="#"><i class="icon-pinterest"></i></a></li>
					</ul>
					<div class="infophone">
						<i class="icon-phone"></i> Tel: +8 737 924 6035
					</div>
					<div class="infoaddress">
						 3953 Berkley Street, Fort Washington, 19034
					</div>
				</div>
				<div class="clearfix">
				</div>
				<div class="row-nav navbar">
					<div class="navbar-inner">
						<ul id="nav" class="nav">
							<li><a href="index.html">Home</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="about.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="faq.html">Knowledge Base</a></li>
								<li><a href="icons.html">Icons</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>								
								<li><a href="404.html">404 Error</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="elements.html">Elements</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Layouts <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="columns.html">Columns</a></li>
								<li><a href="masonry4.html">Masonry 4</a></li>
								<li><a href="masonry3.html">Masonry 3</a></li>
								<li><a href="masonry2.html">Masonry 2</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="portfolio.html">Portfolio List</a></li>
								<li><a href="projectdetail.html">Project Detail</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="bloghome.html">Blog Home</a></li>
								<li class="selected"><a href="blogsingle.html">Single Post</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="contact.html">Contact</a></li>
							<li class="divider-vertical"></li>
						</ul>
						<form id="search" action="search.php" method="GET">							
								<input type="text" onfocus="if(this.value =='Search here...' ) this.value=''" onblur="if(this.value=='') this.value='Search here...'" value="Search here..." name="s">
								<a href="#"></a>							
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</header>
	<div class="text-center">
		<img src="img/sha.png" class="slidershadow" alt="">
	</div>
	<!-- /end header -->
	<div class="container">
		<div class="row">
			<div class="col-md-8 span-fixed-sidebar">
				<div class="row">
					<div class="col-md-12">
						<header class="entry-header">
						<div class="sectiontitlepost">
							<h1>After a death, Apple tells Chinese to only use official chargers</h1>
						</div>
						<div class="entry-meta">
							<a href="#"><span class="entry-date">December 11, 2016</span></a>
							<span class="pull-right"><a href="#"><span>3</span> Comments</a></span>
						</div>
						<!-- .entry-meta -->
						</header>
						<div class="innerblogboxtwo">
							<div class="entry-content">
								<p>
									<img src="img/demo/news.jpg" class="pull-left paddingright" alt="" style="margin-top:5px;"> It was agreeable to see the graceful figures of the blooming sisters, twined together, lingering among the trees, conversing thus, with earnestness opposed to lightness, yet, with love responding tenderly to love. And it was very curious indeed to see the younger sister’s eyes suffused with tears, and something fervently and deeply felt, breaking through the wilfulness of what she said, and striving with it painfully.
								</p>
								<p>
									The difference between them, in respect of age, could not exceed four years at most; but Grace, as often happens in such cases, when no mother watches over both (the Doctor’s wife was dead), seemed, in her gentle care of her young sister, and in the steadiness of her devotion to her, older than she was; and more removed, in course of nature, from all competition with her, or participation, otherwise than through her sympathy and true affection, in her wayward fancies, than their ages seemed to warrant. Great character of mother, that, even in this shadow and faint reflection of it, purifies the heart, and raises the exalted nature nearer to the angels!
								</p>
								<p>
									The Doctor’s reflections, as he looked after them, and heard the purport of their discourse, were limited at first to certain merry meditations on the folly of all loves and likings, and the idle imposition practised on themselves by young people, who believed for a moment, that there could be anything serious in such bubbles, and were always undeceived – always!
								</p>
							</div>
							<footer class="entry-meta">
							Posted in <a href="#" title="View all posts in Stories">Stories</a> and tagged <a href="#" rel="tag">grace</a> by <a href="#">serenity</a>. </footer>
						</div>
						<div id="comments">
							<div class="blogbox comments-area">
								<h3 class="commentstitle">
								<i class="icon-comments muted"></i> One Comment </h3>
								<div class="comment-list left0">
									<ul class="media">
										<li class="comment">
										<article class="comment">
										<footer>
										<span class="comment-author vcard">
										<span class="pull-left"><img alt="" src="https://1.gravatar.com/avatar/3d988ca07c9fc4afb310dc8fbd015f9d?s=54&amp;d=https%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D54&amp;r=G" class="avatar avatar-54 photo" height="54" width="54"></span>
										<cite class="fn">George</cite> <span class="says">on</span></span>
										<!-- .comment-author .vcard -->
										<span class="comment-meta commentmetadata">
										<a href="#">
										April 12, 2016 at 8:36 pm
										</a>
										</span>
										<!-- .comment-meta .commentmetadata -->
										</footer>
										<div class="comment-content">
											<p>
												This is just a random comment. The former practice in many elementary schools of beginning the detailed study of American history without any previous knowledge of general history limited the pupil’s range of vision, restricted his sympathies, and left him without material for comparisons.
											</p>
										</div>
										<div class="reply">
											<a class="comment-reply-link" href="#">Reply</a>
										</div>
										<!-- .reply -->
										</article>
										<!-- #comment-## -->
										</li>
									</ul>
								</div>
								<!-- .commentlist -->
							</div>
						</div>
						<div id="respond">
							<h3 id="reply-title"><i class="icon-edit muted"></i> ADD YOUR COMMENT </h3>
							<form method="post" action="#" id="#">
								<div class="form">
									<div class="controls controls-row">
										<input class="col-md-4" type="text" name="name" placeholder="Name *">
										<input class="col-md-4" type="email" name="email" placeholder="E-mail (not published) *">
										<input class="col-md-4" type="text" name="email" placeholder="Website">
									</div>
									<div class="controls">
										<textarea class="col-md-12" name="comment" rows="8" placeholder="Comment *"></textarea>
									</div>
									<input type="submit" class="btn btn-primary" value="Post Comment">
								</div>
							</form>
						</div>
					</div>
					<!--/span-->
				</div>
				<!--/row-->
			</div>
			<!--/span-->
			<div class="col-md-4 top20">
				<ul id="myTab" class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab">Recent Posts</a></li>
					<li class=""><a href="#profile" data-toggle="tab">Comments</a></li>
					<li class=""><a href="#something" data-toggle="tab">Tags</a></li>
				</ul>
				<div id="myTabContent" class="tab-content multi-sidebar">
					<div class="tab-pane fade active in" id="home">
						<ul class="sidebar-latest">
							<li class="clearfix">
							<a href="#"><img src="img/demo/300x200.png" class="attachment-thumbnail" alt=""></a>
							<a href="#">Android 4.3 to hit Sony Xperia smartphones, tablet</a><br>
							<small><a href="#"><span class="entry-date">July 25, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/300x200.png" class="attachment-thumbnail" alt=""></a>
							<a href="#">Geeksphone now selling Firefox OS to consumers with Peak+</a><br>
							<small><a href="#"><span class="entry-date">June 14, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/300x200.png" class="attachment-thumbnail" alt=""></a>
							<a href="#">Google goes after Apple in tablet education</a><br>
							<small><a href="#"><span class="entry-date">May 7, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/300x200.png" class="attachment-thumbnail" alt=""></a>
							<a href="#">Apple now EA's biggest retail partner, thanks to iOS</a><br>
							<small><a href="#"><span class="entry-date">April 3, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/300x200.png" class="attachment-thumbnail" alt=""></a>
							<a href="#">New video compares leaked iPhone plastic case to previous models</a><br>
							<small><a href="#"><span class="entry-date">February 16, 2016</span></a></small>
							</li>
						</ul>
					</div>
					<div class="tab-pane fade" id="profile">
						<ul class="sidebar-latest">
							<li class="clearfix">
							<a href="#"><img src="img/demo/avatar.jpg" class="attachment-thumbnail" alt=""></a>
							<a href="#">"The apple- pickers on the ladders raised a hum..."</a><br>
							<small><a href="#"><span class="entry-date">July 25, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/avatar.jpg" class="attachment-thumbnail" alt=""></a>
							<a href="#">"Alice was beginning to get very tired of sitting..."</a><br>
							<small><a href="#"><span class="entry-date">June 14, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/avatar.jpg" class="attachment-thumbnail" alt=""></a>
							<a href="#">"Let us begin at the simplest point, what is a comic..."</a><br>
							<small><a href="#"><span class="entry-date">May 7, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/avatar.jpg" class="attachment-thumbnail" alt=""></a>
							<a href="#">"I assume it as self-evident that those who, at any given..."</a><br>
							<small><a href="#"><span class="entry-date">April 3, 2016</span></a></small>
							</li>
							<li class="clearfix">
							<a href="#"><img src="img/demo/avatar.jpg" class="attachment-thumbnail" alt=""></a>
							<a href="#">"The greatest length or breadth of a full grown..."</a><br>
							<small><a href="#"><span class="entry-date">February 16, 2016</span></a></small>
							</li>
						</ul>
					</div>
					<div class="tab-pane fade" id="something">
						<div class="tagcloud">
							<a href="#">mobile</a>
							<a href="#">google</a>
							<a href="#">apple</a>
							<a href="#">phones</a>
							<a href="#">ipads</a>
							<a href="#">tablets</a>
							<a href="#">desktops</a>
						</div>
					</div>
				</div>
				<!-- END Tabs -->
				<div class="sidebarBox widget-container widget_text">
					<h4 class="widget-title">Another Widget</h4>
					<div class="textwidget">
						 Aenean enim urna, luctus vel sollicitudin eu, lobortis et sapien. Duis justo purus, scelerisque sed iaculis vitae, dignissim a est. Pellentesque congu. Nulla dictum auctor dui, a sagittis arcu mattis eu.
					</div>
				</div>
				<div class="sidebarBox widget-container widget_text">
					<h4 class="widget-title">Apple's Suppliers</h4>
					<div class="textwidget">
						<iframe height="250" style="width:99.3%;" allowfullscreen="" src="https://www.youtube.com/embed/6NbAAmDuv_8?feature=player_detailpage">
						</iframe>
					</div>
				</div>
			</div>
			<!--/span-->
		</div>
		<!--/row-->
	</div>
	<!--/.container-->
	<!-- FOOTER BEGIN
================================================== -->
	<div class="footer footerdark">
		<div class="text-center wraptotop">
			<a class="totop"><i class="icon-chevron-up"></i></a>
		</div>
		<div class="container">
			<!-- 1st row -->
			<div class="row">
				<div class="col-md-4">
					<h1 class="title"><i class="icon-heart"></i> About us</h1>
					<hr>
					<p>
						 Introducing a premium HTML5 & CSS3 template for multipurpose use. Responsive layout, professional design & lots of features.
					</p>
					<p>
						 Made with love by  WowThemesNet .
					</p>
					<p class="footerlogo">
						 Biscaya
					</p>
				</div>
				<div class="col-md-4">
					<h1 class="title">Testimonials</h1>
					<hr>
					<div id="quotes">
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "Before turning to those moral and mental aspects of the matter which present the greatest difficulties, let the inquirer begin by mastering more elementary problems.<span style="font-family:arial;">"</span><br/><b> Jesse T, Los Angeles </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "It is a capital mistake to theorize before one has data. Insensibly one begins to twist facts to suit theories, instead of theories to suit facts.<span style="font-family:arial;">"</span><br/><b>Kerry I. McClanahan </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "We must fall back upon the old axiom that when all other contingencies fail, whatever remains, however improbable, must be the truth.<span style="font-family:arial;">"</span><br/><b>Randy K. Deleon </b>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<h1 class="title">Questions?</h1>
					<hr>
					<div class="done">
						<div class="alert alert-success">
							<button type="button" class="close" data-dismiss="alert">×</button>
							Your message has been sent. Thank you!
						</div>
					</div>
					<form method="post" action="contact.php" id="contactform">
						<div class="form">
							<div class="controls controls-row">
								<input class="col-md-6" type="text" name="name" placeholder="Name">
								<input class="col-md-6" type="text" name="email" placeholder="E-mail">
							</div>
							<div class="controls">
								<textarea class="col-md-12" name="comment" rows="4" placeholder="Message"></textarea>
							</div>
							<input type="submit" id="submit" class="btn" value="Send">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 2nd row -->
	<div class="footerbottom footerbottomdark">
		<div class="container">
			<div class="row">
				<!-- left -->
				<div class="col-md-4 smallspacetop">
					<p class="smaller">
						<span class="copyright">© </span> Copyright 2016 Biscaya. Be nice.
					</p>
				</div>
				<!-- right -->
				<div class="col-md-8 smallspacetop">
					<div class="pull-right smaller">
						<ul class="footermenu">
							<li><a href="#">Home</a></li>
							<li><a href="#">Work</a></li>
							<li><a href="#">Pages</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
					<div class="clearfix">
					</div>
				</div>
				<!-- end right -->
			</div>
		</div>
	</div>
	<!-- FOOTER END
================================================== -->
</div>
<!-- /.body -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/plugins.js"></script>
<script src="js/custom.js"></script>

<!--BEGIN DEMO PANEL

================================================== -->

<!-- Style Switcher Files-->

<link rel="stylesheet" href="css/style-switcher.css" media="screen"/>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css" media="screen"/>

<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>

<script type="text/javascript" src="js/switcher.js"></script>

<!-- DEMO PANEL -->

<div id="switcher-handle">

	<a class="" id="handle" href="#">feedback</a>

	<div id="style-switcher">

		<div id="switcher-header">

			<p>

				Theme Options

			</p>

		</div>

		<div id="switcher-body">

			<p>

				<strong>Layout Style</strong>

			</p>

		<select id="layout">		   

		  <option value="boxed">Boxed</option>

		  <option value="wide">Wide</option>		  

		</select>

		

			<p>

				<strong>Color Schemes</strong>

			</p>

			

			<div class="colors-holder">

				<a href="#" class="color-box" data-rel="e7402f"></a>

				<a href="#" class="color-box" data-rel="0E8FAB"></a>				

				<a href="#" class="color-box" data-rel="44cfc8"></a>				

				<a href="#" class="color-box" data-rel="9DC500"></a>				

				<a href="#" class="color-box" data-rel="76719a"></a>				

				<a href="#" class="color-box" data-rel="f2a020"></a>

				<a href="#" class="color-box" data-rel="33bee5"></a>				

				<a href="#" class="color-box" data-rel="e44884"></a>

				<a href="#" class="color-box" data-rel="18adb5"></a>				

				<a href="#" class="color-box" data-rel="f0b70c"></a>

				

				<a href="#" class="color-box" data-rel="346b7f"></a>

				<a href="#" class="color-box" data-rel="aecdcf"></a>

				<a href="#" class="color-box" data-rel="be9869"></a>

				<a href="#" class="color-box" data-rel="bf6c2f"></a>				

				<a href="#" class="color-box" data-rel="1abc9c"></a>				

				<a href="#" class="color-box" data-rel="7f8c8d"></a>				

				<a href="#" class="color-box" data-rel="b4ad7f"></a>				

				<a href="#" class="color-box" data-rel="fe6c6c"></a>				

				<a href="#" class="color-box" data-rel="e66a47"></a>

				<a href="#" class="color-box" data-rel="50e9f3"></a>

			</div>

			<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Patterns (for boxed)</strong>

			</p>

			<div class="colors-holder">

				<a data-rel="1" class="bg-box" href="#"></a>

				<a data-rel="2" class="bg-box" href="#"></a>

				<a data-rel="3" class="bg-box" href="#"></a>

				<a data-rel="4" class="bg-box" href="#"></a>

				<a data-rel="5" class="bg-box" href="#"></a>

				<a data-rel="6" class="bg-box" href="#"></a>

				<a data-rel="7" class="bg-box" href="#"></a>

				<a data-rel="8" class="bg-box" href="#"></a>

				<a data-rel="9" class="bg-box" href="#"></a>

				<a data-rel="10" class="bg-box" href="#"></a>

				<a data-rel="11" class="bg-box" href="#"></a>

				<a data-rel="12" class="bg-box" href="#"></a>

				<a data-rel="13" class="bg-box" href="#"></a>

				<a data-rel="14" class="bg-box" href="#"></a>

				<a data-rel="15" class="bg-box" href="#"></a>

				<a data-rel="16" class="bg-box" href="#"></a>

				<a data-rel="17" class="bg-box" href="#"></a>

				<a data-rel="18" class="bg-box" href="#"></a>

				<a data-rel="19" class="bg-box" href="#"></a>

				<a data-rel="20" class="bg-box" href="#"></a>

				<a data-rel="21" class="bg-box" href="#"></a>

				<a data-rel="22" class="bg-box" href="#"></a>

				<a data-rel="23" class="bg-box" href="#"></a>

				<a data-rel="24" class="bg-box" href="#"></a>

			</div>

		

		

		<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Images (for boxed)</strong>

			</p>

			<div class="colors-holder">

			<a data-rel="pic1" class="bgimg-box" href="#"></a>

			<a data-rel="pic2" class="bgimg-box" href="#"></a>

			<a data-rel="pic3" class="bgimg-box" href="#"></a>

			<a data-rel="pic4" class="bgimg-box" href="#"></a>

			<a data-rel="pic5" class="bgimg-box" href="#"></a>

			<a data-rel="pic6" class="bgimg-box" href="#"></a>

			<a data-rel="pic7" class="bgimg-box" href="#"></a>

			<a data-rel="pic8" class="bgimg-box" href="#"></a>

			<br/><br/>

			</div>

			

		</div>	

			

		<div id="switcher-footer">

			<p>

				<a href="http://www.upare.com/" target="_blank"><img src="https://static.upare.com/upare/img/logowowthemes.png"></a>



			</p>

		</div>

	</div>

</div>

<!-- END DEMO PANEL-->
</body>
</html>